<template>
  <div>useRoute和useRouter</div>
</template>

<script setup lang="ts">
import { useRoute, useRouter } from 'vue-router'

/*
 * @Author: liuxiao
1、route路由器，route对象代表着当前激活的路由信息，
它包含了当前URL解析得到的信息，如当前路径、参数、查询参数等。
route 对象是一个只读对象，我们无法通过改变 $route 对象来改变当前路由。

2、router对象则是VueRouter的实例对象，它负责管理整个路由的状态，
包括当前路径、路由参数、路由切换等。
router 对象可以通过编程的方式来改变当前路由，
如通过 r o u t e r . p u s h ( ) 、 router.push()、router.push()、router.replace()、$router.go() 等方法。

————————————————


 */

console.log('useRoute', useRoute())
console.log('useRouter', useRouter())
</script>

<style scoped></style>
